<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <style type="text/css">

.ui-growl-message {
          font-size: 12px;
}
.ui-widget {
font-size: 90% !important;
}



      </style>
     <link type="text/css" rel="stylesheet" href="#{request.contextPath}/syntaxhighlighter/styles/syntaxhighlighter.css" />
    <title>alon</title>
    <link rel="stylesheet" href="css/style_1.css" />
    
    <script src="js/login.js"></script>
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"></link>
</h:head>
<h:body>
    <p:growl id="growl" life="3000"  autoUpdate="true" sticky="false"/>
    <div id="bar">
        <div id="container">
            <!-- Login Starts Here -->
            <div id="loginContainer">
                <a href="#" id="loginButton"><span>Login</span><em></em></a>
               
                <div id="loginBox">    
                
                    <h:form id="loginForm">
                      
                        <fieldset id="body">
                            <fieldset>
                                <label for="email">User Name</label>
                                <p:inputText label="User Name" style="background-image: url('icons/id.png');background-repeat: no-repeat;padding: 3px 3px 3px 25px; background-position: 4px 1px;  " required="true"  value="#{beancontroler_.username}" id="email"/>
                               
                                
                            </fieldset>
                            <fieldset>
                                <label for="password">Password</label>
                                <p:password style="background-image: url('icons/key.png');background-repeat: no-repeat;padding: 3px 3px 3px 25px; background-position: 4px 1px; " id="password" label="Password" value="#{beancontroler_.pass}" required="true" feedback="true"  />
                                
                            </fieldset>
                            <p:commandLink action="#{beancontroler_.dologin()}" ajax="false"  value="Sign in"/>
                            
                           
                        </fieldset>
                        
                    </h:form>
                </div>
            </div>
            
           
            <!-- Login Ends Here -->
        </div>
        
    </div>
    
</h:body>
</html>